@keyframes a1 {
  from {
    margin-left: 0px;
  }
  to {
    margin-left: 100px;
  }
}
@keyframes a2 {
  0% {
    background-color: aqua;
    width: 200px;
  }
  20% {
    width: 600px;
  }
  40% {
    font-size: 14px;
  }
  100% {
    background-color: rgb(17, 0, 255);
    font-size: 44px;
  }
}
.d1 {
  background-color: antiquewhite;
  border: solid;
  width: 200px;
  height: 200px;
  animation-name: a2;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.8, -0.71, 0.3, 1.77);
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}/*# sourceMappingURL=2.css.map */